<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/6/21
  Time: 21:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>精品文章</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- All Plugins Css -->
    <link href="assets/css/plugins.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="assets/css/styles.css" rel="stylesheet">
</head>

<body class="blue-skin">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="Loader"></div>

<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">

    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->
    <!-- Start Navigation -->
    <div class="header header-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <nav id="navigation" class="navigation navigation-landscape">
                        <div class="nav-header">
                            <a class="nav-brand" href="#">
                                <img src="assets/img/logo3.png" class="logo" alt="" />
                            </a>
                            <div class="nav-toggle"></div>
                        </div>
                        <div class="nav-menus-wrapper">
                            <ul class="nav-menu">

                                <li><a href="jump/toindex">主页<span class="submenu-indicator"></span></a>
                                </li>

                                <li><a href="jump/tostudy">学习主题<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toclass">Java</a></li>
                                        <li><a href="jump/toclass">Java Script</a></li>
                                        <li><a href="jump/toclass">C</a></li>
                                        <li><a href="jump/toclass">C#</a></li>
                                        <li><a href="jump/toclass">C++</a></li>
                                        <li><a href="jump/toclass">Python</a></li>
                                    </ul>
                                </li>
                                <li class="active"><a href="jump/toarticles">精品文章</a></li>
                                <li><a href="jump/tofaq">问题与解答</a></li>
                                <li><a href="jump/toteacher">金牌讲师<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toteacher">mxt</a></li>
                                    </ul>
                                </li>
                                <li><a href="jump/touser">其他<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/tologin">登录</a></li>
                                        <li><a href="jump/tosignup">注册</a></li>
                                        <li><a href="jump/towallets">数据表</a></li>
                                        <li><a href="jump/touser">个人信息</a></li>
                                        <li><a href="index/logout/${jump}">退出登录</a> </li>
                                    </ul>
                                </li>
                            </ul>
                            <jsp:include page="denglu.jsp"></jsp:include>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- End Navigation -->
    <div class="clearfix"></div>
    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->

    <!-- ============================ Dashboard Header Start================================== -->
    <div class="_agt_dash dark" style="background:#675bca url(assets/img/tag-light.png) no-repeat;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">

                    <div class="dash_hyu76">
                        <div class="dash_hyu74">
                            <div class="dash_hyu72">
                                <img src="assets/img/logos.png" class="img-fluid" alt="" />
                            </div>
                            <div class="dash_hyu71">
                                <h4 class="_hyu71_title">Digital Studio</h4>
                                <span>Member Since Dec 2010 USA</span>
                                <div class="_hyu71_button">
                                    <a href="#" class="_njy_likes">Portfolio</a>
                                </div>
                            </div>
                        </div>
                        <div class="dash_hyu75">
                            <div class="_hyu75">
                                <h4>302</h4>
                                <span>Total Sales</span>
                            </div>
                            <div class="_hyu75_1">
                                <div class="_iju7_reviw">
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star"></i>
                                    <span>(102 Reviews)</span>
                                </div>
                                <span>Author Rattings</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ========================== Dashboard Elements ============================= -->
    <section class="gray-light">
        <div class="container">
            <div class="row">

                <div class="col-lg-8 col-md-12 col-sm-12">
                    <div class="_the_capt5t">

                        <!-- Single Reviews -->
                        <div class="single_re457">
                            <div class="s98_re457">
                                <div class="s98_re452">
                                    <a href="item-detail.html" class="_il64gt">Jobvivo - Responsive Job Board HTML Template</a>
                                </div>
                                <div class="s98_re453">
                                    <div>By <a href="#" class="_ujto9">Digital Aim</a></div>
                                </div>
                            </div>
                            <div class="s98_re457_full">
                                <h4 class="_ju1m09">For Design Quality</h4>
                                <p>The design is very cool and modern and support is very fast and friendly. Many many thanks dear team</p>
                                <div class="_iju7_reviw">
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                </div>
                            </div>
                            <div class="s98_re457_reply">
                                <div class="_reply9iu8">
                                    <img src="assets/img/logos.png" class="img-fluid" alt="">
                                </div>
                                <div class="_reply9iu7">
                                    <h4 class="_8ujh64">Author response</h4>
                                    <p>Hello Dear,</p>
                                    <p>Thank You Very Much Dear</p>
                                </div>
                            </div>
                        </div>

                        <!-- Single Reviews -->
                        <div class="single_re457">
                            <div class="s98_re457">
                                <div class="s98_re452">
                                    <a href="item-detail.html" class="_il64gt">Jobvivo - Responsive Job Board HTML Template</a>
                                </div>
                                <div class="s98_re453">
                                    <div>By <a href="#" class="_ujto9">Digital Aim</a></div>
                                </div>
                            </div>
                            <div class="s98_re457_full">
                                <h4 class="_ju1m09">For Design Quality</h4>
                                <p>The design is very cool and modern and support is very fast and friendly. Many many thanks dear team</p>
                                <div class="_iju7_reviw">
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                </div>
                            </div>
                            <div class="s98_re457_reply">
                                <div class="_reply9iu8">
                                    <img src="assets/img/logos.png" class="img-fluid" alt="">
                                </div>
                                <div class="_reply9iu7">
                                    <h4 class="_8ujh64">Author response</h4>
                                    <p>Hello Dear,</p>
                                    <p>Thank You Very Much Dear</p>
                                </div>
                            </div>
                        </div>

                        <!-- Single Reviews -->
                        <div class="single_re457">
                            <div class="s98_re457">
                                <div class="s98_re452">
                                    <a href="item-detail.html" class="_il64gt">Jobvivo - Responsive Job Board HTML Template</a>
                                </div>
                                <div class="s98_re453">
                                    <div>By <a href="#" class="_ujto9">Digital Aim</a></div>
                                </div>
                            </div>
                            <div class="s98_re457_full">
                                <h4 class="_ju1m09">For Design Quality</h4>
                                <p>The design is very cool and modern and support is very fast and friendly. Many many thanks dear team</p>
                                <div class="_iju7_reviw">
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                </div>
                            </div>
                            <div class="s98_re457_reply">
                                <div class="_reply9iu8">
                                    <img src="assets/img/logos.png" class="img-fluid" alt="">
                                </div>
                                <div class="_reply9iu7">
                                    <h4 class="_8ujh64">Author response</h4>
                                    <p>Hello Dear,</p>
                                    <p>Thank You Very Much Dear</p>
                                </div>
                            </div>
                        </div>

                        <!-- Single Reviews -->
                        <div class="single_re457">
                            <div class="s98_re457">
                                <div class="s98_re452">
                                    <a href="item-detail.html" class="_il64gt">Jobvivo - Responsive Job Board HTML Template</a>
                                </div>
                                <div class="s98_re453">
                                    <div>By <a href="#" class="_ujto9">Digital Aim</a></div>
                                </div>
                            </div>
                            <div class="s98_re457_full">
                                <h4 class="_ju1m09">For Design Quality</h4>
                                <p>The design is very cool and modern and support is very fast and friendly. Many many thanks dear team</p>
                                <div class="_iju7_reviw">
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                </div>
                            </div>
                            <div class="s98_re457_reply">
                                <div class="_reply9iu8">
                                    <img src="assets/img/logos.png" class="img-fluid" alt="">
                                </div>
                                <div class="_reply9iu7">
                                    <h4 class="_8ujh64">Author response</h4>
                                    <p>Hello Dear,</p>
                                    <p>Thank You Very Much Dear</p>
                                </div>
                            </div>
                        </div>
                        <!-- Single Reviews -->
                        <div class="single_re457">
                            <div class="s98_re457">
                                <div class="s98_re452">
                                    <a href="item-detail.html" class="_il64gt">Jobvivo - Responsive Job Board HTML Template</a>
                                </div>
                                <div class="s98_re453">
                                    <div>By <a href="#" class="_ujto9">Digital Aim</a></div>
                                </div>
                            </div>
                            <div class="s98_re457_full">
                                <h4 class="_ju1m09">For Design Quality</h4>
                                <p>The design is very cool and modern and support is very fast and friendly. Many many thanks dear team</p>
                                <div class="_iju7_reviw">
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                </div>
                            </div>
                            <div class="s98_re457_reply">
                                <div class="_reply9iu8">
                                    <img src="assets/img/logos.png" class="img-fluid" alt="">
                                </div>
                                <div class="_reply9iu7">
                                    <h4 class="_8ujh64">Author response</h4>
                                    <p>Hello Dear,</p>
                                    <p>Thank You Very Much Dear</p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="col-lg-4 col-md-12 col-sm-12">
                    <!-- Single Author Info -->
                    <div class="urip_widget_wrap shadow_0 large mb-4">
                        <div class="urip_widget_avater">
                            <a href="author-portfolio.html"><img src="assets/img/author.png" class="img-fluid circle" alt=""></a>
                            <div class="veryfied_author"><img src="assets/img/verified.svg" class="img-fluid" width="15" alt=""></div>
                        </div>
                        <div class="widget_avater_124">
                            <h4 class="avater_name_214"><a href="author-portfolio.html">Digital Studio</a></h4>
                            <span>Member since Sep 2016</span>
                        </div>
                        <div class="widget_avater_124">
                            <ul class="auhor_list_badges">
                                <li><img src="assets/img/golden.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/1st.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/2year.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/3year.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/platinum.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/green-elite.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/gold-medal.svg" class="img-avater rounded" width="40" alt=""></li>
                                <li><img src="assets/img/smart.svg" class="img-avater rounded" width="40" alt=""></li>
                            </ul>
                        </div>
                        <div class="widget_lkpi">
                            <ul class="auhor_info_list_215">
                                <li><div class="urip_jbl"><span class="count">102</span>K</div><span class="smallest">Sales</span></li>
                                <li><div class="urip_jbl urip_rates good">4.7</div><span class="smallest">42Reviews</span></li>
                                <li><div class="urip_jbl">152</div><span class="smallest">Comments</span></li>
                            </ul>
                        </div>
                        <div class="widget_avater_423">
                            <a href="author-portfolio.html" class="link_portfolio">Hire Now</a>
                        </div>
                    </div>

                    <!-- Contact Author -->
                    <div class="urip_widget_wrap shadow_0 mb-4">

                        <div class="urip_widget_header bg__2">
                            <h4>Contact Author</h4>
                            <span>Drop a message to author</span>
                        </div>

                        <div class="urip_widget_body">
                            <div class="wid_bghbody simple_uyt">
                                <div class="form-group">
                                    <label>From</label>
                                    <input type="text" class="form-control" value="themezhub@gmail.com" disabled>
                                </div>
                                <div class="form-group">
                                    <label>Message</label>
                                    <textarea name="message" class="form-control" class="ht-80" placeholder="Type Message"></textarea>
                                </div>
                                <div class="form-group">
                                    <div class="widget_avater_423 p-0">
                                        <button type="submit" class="link_portfolio">Send Message</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Social Profiles -->
                    <div class="lit98_jhy">
                        <ul class="socil_uyh">
                            <li><a href="javascript:void(0);" class="fb"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="javascript:void(0);" class="drb"><i class="fa fa-dribbble"></i></a></li>
                            <li><a href="javascript:void(0);" class="twt"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="javascript:void(0);" class="ins"><i class="fa fa-instagram"></i></a></li>
                            <li><a href="javascript:void(0);" class="be"><i class="fa fa-behance"></i></a></li>
                            <li><a href="javascript:void(0);" class="pin"><i class="fa fa-pinterest"></i></a></li>
                            <li><a href="javascript:void(0);" class="sk"><i class="fa fa-skype"></i></a></li>
                            <li><a href="javascript:void(0);" class="gp"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="javascript:void(0);" class="tum"><i class="fa fa-tumblr"></i></a></li>
                        </ul>
                    </div>

                </div>

            </div>
        </div>
    </section>
    <!-- ========================== Dashboard Elements ============================= -->

    <!-- ============================ Call To Action Start ================================== -->
    <section class="call-to-act" style="background:#5d47dd url(assets/img/landing-bg.png) no-repeat">
        <div class="container">
            <div class="row justify-content-center">

                <div class="col-lg-7 col-md-8">
                    <div class="clt-caption text-center mb-4">
                        <h3>Subscribe Now!</h3>
                        <p>Simple pricing plans. Unlimited web maintenance service</p>
                    </div>
                    <div class="inner-flexible-box subscribe-box">
                        <div class="input-group">
                            <input type="text" class="form-control large" placeholder="Enter your mail here">
                            <button class="btn btn-subscribe" type="button"><i class="fa fa-arrow-right"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ============================ Call To Action End ================================== -->

    <!-- =========================== Footer Start ========================================= -->
    <jsp:include page="footer.jsp"></jsp:include>
    <!-- =========================== Footer End ========================================= -->

    <!-- Log In Modal -->
    <!-- End Modal -->

</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->

<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/select2.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/ion.rangeSlider.min.js"></script>
<script src="assets/js/counterup.min.js"></script>
<script src="assets/js/custom.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->

<script>
    function openRightMenu() {
        document.getElementById("rightMenu").style.display = "block";
    }
    function closeRightMenu() {
        document.getElementById("rightMenu").style.display = "none";
    }
</script>

</body>

</html>